<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>携程</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!--<头部搜索 start=================================-->
        <div class="search-index">
            <div class="search">
                <input type="text" placeholder="搜索:目的地/酒店/景点/航班号">
            </div>
            <a href="#" class="user">我 的</a>
        </div>
    <!--<头部搜索 end=================================-->
   <!--< focus start=================================-->
        <div class="focus">
            <img src="upload/focus.jpg" alt="">
        </div>
   <!--< focus end=================================-->

   <!--<local nav start=================================-->
    <div class="main-content">
        <div class="local-nav">
           <a href="#" title="景点·玩乐"><div class="icon1"></div>景点·玩乐</a>
           <a href="#" title="景点·玩乐"><div class="icon2"></div>景点·玩乐</a>
           <a href="#" title="景点·玩乐"><div class="icon3"></div>景点·玩乐</a>
           <a href="#" title="景点·玩乐"><div class="icon4"></div>景点·玩乐</a>
           <a href="#" title="景点·玩乐"><div class="icon5"></div>景点·玩乐</a>
      
       </div>
   <!--<local nav end=================================-->

    <!--<nav-common start=================================-->
        <nav>
            <div class="nav-common">
                <div class="nav-items"><a href="#">海外酒店</a></div>
                <div class="nav-items">
                    <a href="#">海外酒店</a>
                    <a href="#">海外酒店</a>
                </div>
                <div class="nav-items"> 
                    <a href="#">海外酒店</a>
                    <a href="#">海外酒店</a>
                </div>
            </div>
            <div class="nav-common">
                    <div class="nav-items"><a href="#">海外酒店</a></div>
                    <div class="nav-items">
                        <a href="#">海外酒店</a>
                        <a href="#">海外酒店</a>
                    </div>
                    <div class="nav-items"> 
                        <a href="#">海外酒店</a>
                        <a href="#">海外酒店</a>
                    </div>
            </div>
            <div class="nav-common">
                    <div class="nav-items"><a href="#">海外酒店</a></div>
                    <div class="nav-items">
                        <a href="#">海外酒店</a>
                        <a href="#">海外酒店</a>
                    </div>
                    <div class="nav-items"> 
                        <a href="#">海外酒店</a>
                        <a href="#">海外酒店</a>
                    </div>
            </div>

        </nav>
        <!--<subnav start=================================-->
            <div class="subnav clearfix">
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>
                <a href=""><div class="subnav-icon"></div>电话费</a>

            </div>
        <!--<subnav end=================================-->   
    <!--<nav-common end=================================-->

    <!--sales start=================================-->
        <div class="sales">
            <div class="sales-hd">
                <h2>热门活动</h2>
               <a href="#" class="more">获取更多福利></a>
            </div>
            <div class="sales-bd">
                <a href="#"><img src="upload/pic1.jpg" alt=""></a>
                <a href="#"><img src="upload/pic2.jpg" alt=""></a>
            </div>
            <div class="sales-bd">
                <a href="#"><img src="upload/pic3.jpg" alt=""></a>
                <a href="#"><img src="upload/pic4.jpg" alt=""></a>
            </div>
            <div class="sales-bd">
                <a href="#"><img src="upload/pic5.jpg" alt=""></a>
                <a href="#"><img src="upload/pic6.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!--sales end=================================-->
</body>
</html>